<ons-page id="change-pwd">
    <ons-toolbar>
        <div class="left"><ons-back-button class="tmpl-btn">返回</ons-back-button></div>
        <div class="center">修改密码</div>
    </ons-toolbar>

    <div id="my-toolbar-list">
        <ons-list-title></ons-list-title>
        <ons-list>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">原先密码</span>
                </div>
                <div class="center old-pwd">
                    <ons-input placeholder="请输入原先密码" id="oldPwd"></ons-input>
                    <ons-icon class="error" icon="md-close" class="error"></ons-icon>
                    <ons-icon class="success" icon="md-check" class="success"></ons-icon>
                </div>
            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">新的密码</span>
                </div>
                <div class="center new-pwd">
                    <ons-input placeholder="请输入新的密码 (6-16位)" id="newPwd"></ons-input>
                    <ons-icon class="error" icon="md-close" class="error"></ons-icon>
                    <ons-icon class="success" icon="md-check" class="success"></ons-icon>
                </div>
            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">确认新密码</span>
                </div>
                <div class="center cnf-pwd">
                    <ons-input placeholder="请确认新密码 (6-16位)" id="cnfPwd"></ons-input>
                    <ons-icon class="error" icon="md-close" class="error"></ons-icon>
                    <ons-icon class="success" icon="md-check" class="success"></ons-icon>
                </div>
            </ons-list-item>
        </ons-list>
    </div>

    <ons-button id="change-pwd-btn" class="list-btn">保存</ons-button>
</ons-page>